<script setup>
const toNext1 = () => {
  // 获取所有输入框元素
  const inputs = document.querySelectorAll('input')

  // 检查每个输入框是否填写
  let isEmpty = false
  let missingFields = []

  // 遍历每个输入框
  for (let i = 0; i < inputs.length; i++) {
    const input = inputs[i]
    // 检查输入框是否为空
    if (!input.value || input.value.trim() === '') {
      isEmpty = true
      // 根据索引确定字段名称
      const fieldNames = ['学号', '姓名', '学院', '专业','密码']
      if (i < fieldNames.length) {
        missingFields.push(fieldNames[i])
      } else {
        missingFields.push('未知字段')
      }
    }
  }
  if (isEmpty) {
    // 如果有未填写的项，显示提示
    uni.showModal({
      title: '信息不完整',
      content: '请填写以下信息: ' + missingFields.join(', '),//数组的 join(separator) 方法用于将数组中的所有元素连接成一个字符串，参数 separator 是可选的，表示元素之间的分隔符（默认用逗号分隔）
      showCancel: false,
      confirmColor: '#409EFF'
    })//uni.showModal 是 uni-app 框架提供的一个 API，用于在页面上显示一个模态对话框（弹窗），通常用于提示信息、确认操作或收集简单输入。
  } else {
    // 如果所有信息都已填写，显示确认弹窗
    uni.showModal({
      title: '确认信息',
      content: '请确认您已填写完所有信息！',
      success: function (res) {
        if (res.confirm) {
          // 用户点击确定，跳转到下一个页面
          uni.navigateTo({url:'/studens/return/jjiankang'})
        } else if (res.cancel) {
          // 用户点击取消，不执行跳转
          console.log('用户取消跳转')
        }
      }
    })
  }
}
</script>

<template>
  <view>
    <view id="denglu">
      <view id="img8"> <image class="tp2" src="/static/image/favicon.ico"></image></view>
      <view class="b">
     <view class="bg">
       <table class="bg" border="" cellspacing="0" cellpadding="10">
       <tr>
         <td>学号：</td>
         <td><input  class="uni-input" focus placeholder="请输入学号" /></td>
       </tr>
       <tr>
         <td>姓名：</td>
         <td><input  class="uni-input" focus placeholder="请输入姓名" /></td>
       </tr>
       <tr>
         <td>学院：</td>
         <td><input  class="uni-input" focus placeholder="请输入学院" /></td>
       </tr>
       <tr>
         <td>专业：</td>
         <td><input  class="uni-input" focus placeholder="请输入专业" /></td>
       </tr>
         <tr>
           <td>密码：</td>
           <td><input  class="uni-input" type="password" focus placeholder="请输入密码" /></td>
         </tr>
     </table></view>
      <button class="but" type="primary" @click="toNext1">登录</button>
      </view>
  </view>
  </view>
</template>

<style scoped>
#denglu{
  width: 100%;
  height: calc(100% - 50px);
  background-color:#F0F3FA;
  background-size: 100% 100%;
}
#img8{
  height: 150px;
  display: flex;
  justify-content: center;
}
.tp2{
  width: 150px;
  height: 150px;
  margin-top: 100px;
}
.b{
  height: 400px;
  position: relative;
  top: 250px;
}
.bg{
  margin: 0px 20px;
}
.but{
  width: 100%;
  position: absolute;
  bottom: 0px;
}
uni-view{
  height: 100%;
}
</style>